{% extends "mobile/base.html" %}
{% load staticfiles %}
{% block content %}
    <style>
        #offCanvasSide .mui-table-view .mui-table-view-cell:after {
            height: 0px;
        }

        #offCanvasSide .mui-table-view:before, #offCanvasSide .mui-table-view:after {
            height: 0px;
        }
    </style>
    <div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable mui-slide-in">
        <!-- 菜单容器 -->
        <aside id="offCanvasSide" class="mui-off-canvas-left">
            <div class="mui-scroll-wrapper transparency" style="" id="offCanvasSideScroll">
                <div class="mui-scroll">
                    <!-- 菜单具体展示内容 -->
                    <div class="left_title">
                        <h3 style="text-align-last: center;">
                            欢迎回来
                        </h3>
                        <p style="text-align-last: center;white-space: nowrap;
                                  overflow: hidden;text-overflow: ellipsis;">
                            用户:{{ request.user.username }}</p>

                    </div>
                    <div style="clear: both;"></div>
                    <ul class="mui-table-view left_menu">
                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{% url 'activity:mobile_list' %}">
                                <p>活动列表</p>
                            </a>
                        </li>
                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{% url 'activity:my_mobile_list' %}">
                                <p>我的活动列表</p>
                            </a>
                        </li>
                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{% url 'user:mobile_editor' %}">
                                <p>个人信息</p>
                            </a>
                        </li>
                        {#                                                <li class="mui-table-view-cell">#}
                        {#                                                    <a class="mui-navigate-right" href="">#}
                        {#                                                        <p>报名情况</p>#}
                        {#                                                    </a>#}
                        {#                                                </li>#}
                    </ul>
                </div>
            </div>
        </aside>
        <!-- 主页面容器 -->
        <div class="mui-inner-wrap">
            <!-- 主页面标题 -->
            {#            <header class="mui-bar mui-bar-nav" style="background-color: white">#}
            {#                <a id="offcanvasshow" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>#}
            {#                <h1 class="mui-title">{% block detail_title %}{% endblock %}</h1>#}
            {#            </header>#}
            <div class="mui-content mui-scroll-wrapper" id="offCanvasContentScroll">
                <div class="mui-scroll">
                    <div class="mui-content-padded">
                        {#                        <img id="offCanvasShow"#}
                        {#                             style="padding: 10px;" src="{% static 'image/mobile/left.png' %}"/>#}
                        {% block detail %}{% endblock %}
                    </div>

                </div>
            </div>
            <div class="mui-off-canvas-backdrop"></div>
        </div>
    </div>
{% endblock %}